<html>
  <head>
      <script type="text/javascript" src="/javascripts/xtree.js"></script>
      <script type="text/javascript" src="/javascripts/lib/prototype.js"></script>
      <script type="text/javascript" src="/javascripts/lib/effects.js"></script>
      <script src="/javascripts/lib/fabtabulous.js" type="text/javascript"></script>
      <script src="/javascripts/validation_cn.js" type="text/javascript"></script>
      <link type="text/css" rel='stylesheet' href="/stylesheets/xtree.css" />
      <link  href="/stylesheets/tests.css" type="text/css" rel="stylesheet" media="screen">
      <link  href="/stylesheets/beta.css" type="text/css" rel="stylesheet" media="screen">
      <script>
            function back(){
                        var url= location.href;
                        var arr=url.split("/");
                            if (arr.length>=6){   show(arr[arr.length-1]);   }
                            else{      }
                        }
      </script>
  </head>
  <body onload="back();">
    <div id="sideDiv" style="position: absolute; width: 300px; top: 0px; left: 0px; height: 100%; padding: 5px; overflow: auto;">
       <%= render(:partial => "tree") %>
    </div>
    <div id="centerDiv"  style="position: absolute; left: 305px; top: 10px;">  
    </div>
  </body>
</html> 

